import Container from '@/components/container';
import s from './index.module.less';
import Statistic from "@/components/statistic";
import {ProjectStatisticData} from "@/schemas/project.ts";


const Home = () => {

    const fakeStatisticData: ProjectStatisticData[] = [
        {value: 865, unit: '项', title: '总测评条目'},
        {value: 675, unit: '项', title: '已完成测评'},
        {value: 613, unit: '项', title: '符合条目'},
        {value: 76.87, unit: '%', title: '符合率'},
    ]


    return <Container className={s.container}>
        {fakeStatisticData.map((item, index) => <div
            className={s.dataCard}
        >
            <Statistic
                key={`${index}`}
                title={item.title}
                value={item.value}
                unit={item.unit}
                colorIndex={index + 1}
            />
        </div>)}

    </Container>
}
export default Home;